<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>学习笔记</title>
	<link rel="shortcut icon" type="image/x-icon" href="styles/images/favicon.png">
	<link rel="stylesheet" type="text/css" href="styles/plugins/jquery-easyui/themes/bootstrap/easyui.css">
	<link rel="stylesheet" type="text/css" href="styles/plugins/jquery-easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="styles/plugins/editor.md/css/editormd.css" />
	<link rel="stylesheet" type="text/css" href="styles/css/common.css">
</head>

<body class="easyui-layout">
	<div data-options="region:'west',split:true" style="width:200px;padding:3px;">
		<ul id="atree" class="easyui-tree" data-options="method:'get',animate:true,lines:true"></ul>
	</div>
	<div class="asouth" data-options="region:'south',border:false">
		<a href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备2021018749号</a>
	</div>
	<div id="acenter" data-options="region:'center',href:'pages/main.html'"></div>
	
<script type="text/javascript" src="styles/plugins/jquery-easyui/jquery.min.js"></script>
<script type="text/javascript" src="styles/plugins/jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="styles/js/common.js"></script>
<script type="text/javascript">
$(function() {
	$('#atree').tree({
		data: atreeData,
		onClick: function(node) {
			if (node.url) {
				$('#acenter').panel({ 'href': node.url });
			}
		}
	});
});
</script>

<!-- editormd js -->
<script src="styles/plugins/editor.md/editormd.amd.js"></script>
<script src="styles/plugins/editor.md/lib/marked.min.js"></script>
<script src="styles/plugins/editor.md/lib/prettify.min.js"></script>
<script src="styles/plugins/editor.md/lib/raphael.min.js"></script>
<script src="styles/plugins/editor.md/lib/underscore.min.js"></script>
<script src="styles/plugins/editor.md/lib/sequence-diagram.min.js"></script>
<script src="styles/plugins/editor.md/lib/flowchart.min.js"></script>
<script src="styles/plugins/editor.md/lib/jquery.flowchart.min.js"></script>
</body>
</html>